<!DOCTYPE html>
<html>
<head>
	<title>品牌实力</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="format-detection" content="telephone =no">
	<link rel="stylesheet" href='css/common.css'>
	<link rel="stylesheet" href='css/swiper-3.4.2.min.css'>
	<link rel="stylesheet" href='css/prd.css'>
	<script type="text/javascript" src="js/flexible.js"></script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/com_extend.js"></script>
	<script type="text/javascript" src="js/zepto.picLazyLoad.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
	<style type="text/css">
		.brand_con img{width: 100%;}
		.com_apply{background: #fff;}
	</style>
</head>
<body>
<div class="container">
	<!--头部-->
	<header class="com_header prdinfo_header">
		<a href="#" class="logo">
			<img src="images/logo.jpg">
		</a>
		<span class="prdinfo_title">列表页</span>
		<span class="classify"></span>
	</header>
		<!--详情页主要内容-->
	<div class="brand_con">
		<img src="images/brand/brand_01.jpg">
		<img src="images/brand/brand_02.jpg">
		<img src="images/brand/brand_03.jpg">
		<img src="images/brand/brand_04.jpg">
		<img src="images/brand/brand_05.jpg">
		<img src="images/brand/brand_06.jpg">
		<img src="images/brand/brand_07.jpg">
		<img src="images/brand/brand_08.jpg">
		<img src="images/brand/brand_09.jpg">
		<img src="images/brand/brand_10.jpg">
		<img src="images/brand/brand_11.jpg">
		<img src="images/brand/brand_12.jpg">
		<img src="images/brand/brand_13.jpg">
		<img src="images/brand/brand_14.jpg">
		<img src="images/brand/brand_15.jpg">
		<div class="com_apply">
			<form>
				<h3>预约<em>免费</em>量尺设计</h3>
				<ul class="AddressList userinfo">
		                    <li>
		                        <input type="text" name="Appuser[name]" class="apply_inp require" data-reqtips="亲，姓名不能为空" placeholder="您的真实姓名">
		                    </li>
		                    <li>
		                        <input type="text" name="Appuser[mobile]" class="apply_inp require rmobile" data-reqtips="亲，电话不能为空" placeholder="您的联系手机">
		                    </li>
		                    <li>
		                        <input type="hidden" name="Appuser[province_fix]">
		                        <select class="require province" name="Appuser[province]" data-option="请选择省份" data-reqtips="亲，省份不能为空">
		                            <option>请选择省份</option>
		                        </select>
		                    </li>
		                    <li>
		                        <input type="hidden" name="Appuser[city_fix]">
		                        <select class="require city" name="Appuser[city]" data-option="请选择市" data-reqtips="亲，城市不能为空">
		                            <option>请选择市</option>
		                        </select>
		                    </li>
		                    <li>
		                    	<a href="javascript:;" class="com_apply_btn">抢免费预约</a>
		                    </li>
      				</ul>
			</form>
		</div>
	</div>
	<!--尾部-->
	<footer class="com_footer">
		<div class="footer_info_top">
			<span class="link">
				<a href="#">关于我们</a>
				|
				<a href="#">定制流程</a>
				|
				<a href="#">联系客服</a>
			</span>
			<address>
				<p>广东皮阿诺科学艺术家居股份有限公司</p>
				<p>联系电话：<span>400-6787-819</span></p>
			</address>
		</div>
		<div class="footer_info_bottom">
			<p>
				<a href="#">触屏版</a> 
				<a href="#">电脑版</a>  
			</p>
			<p>粤ICP备05019711号© 2012-2017</p>
		</div>
		<!--底部导航-->
		<nav class="com_nav">
			<div>
				<a href="javascript:;">
					<i class="icon_1"></i>
					<span>首页</span>
				</a>
			</div>
			<div>
				<a href="javascript:;">
					<i class="icon_2"></i>
					<span>分类</span>
				</a>
			</div>
			<div>
				<a href="javascript:;">
					<i class="icon_3"></i>
					<span>在线咨询</span>
				</a>
			</div>
			<div >
				<a href="javascript:;">
					<i class="icon_4"></i>
					<span>免费设计报名</span>
				</a>
			</div>
		</nav>
	</footer>
</div>
</body>
</html>
<script type="text/javascript">
var mySwiper = new Swiper ('.swiper-container', {
    loop: true,
    // 如果需要分页器
    pagination: '.swiper-pagination',
  })   
/*点击查看详情*/
$(".check").tap(function(){
	var $parent=$(this).parent();
	if($parent.attr('class').indexOf('info_auto')>0){
		$parent.removeClass('info_auto');
	}else{
		$(this).parent().addClass('info_auto');
	}
})
</script>